<!DOCTYPE html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head>
    <meta charset="UTF-8">

    <title>首页</title>

    <link rel="stylesheet" href="../../../static/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="../../../static/css/vendor/font-awesome.css">
    <link rel="stylesheet" href="../../../static/css/vendor/ion-fonts.css">
    <link rel="stylesheet" href="../../../static/css/style.css">
    <link rel="stylesheet" href="../../../static/css/plugins/animate.css">
    <link href="../../../static/test/ziy/common.css" rel="stylesheet" type="text/css">
    <link href="../../../static/test/ziy/iconfont.css" rel="stylesheet" type="text/css">
    <link href="../../../static/test/ziy/previewfile.css" rel="stylesheet" type="text/css">
    <link href="../../../static/css/coursedata.css" rel="stylesheet" type="text/css">
    <script src="../../../static/test/attencev3/echarts.min.js"></script>
    <script src="../../../static/test/ziy/js/template-web.js"></script>
</head>
<body class="template-color-1">


<div class="main-wrapper">

    <!-- Begin Loading Area -->
    <!--    <div class="loading">-->
    <!--        <div class="text-center middle">-->
    <!--                <span class="loader">-->
    <!--            <span class="loader-inner"></span>-->
    <!--                </span>-->
    <!--        </div>-->
    <!--    </div>-->
    <!-- Loading Area End Here -->

    <!-- Begin Umino's Header Main Area -->
    <header class="header-main_area">
        <div class="header-middle_area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-5 col-sm-5">
                        <div class="header-logo">
                            <a href="index/index.html">
                                <img src="../../../static/images/menu/logo/1.png" alt="Umino's Header Logo">
                            </a>
                        </div>
                    </div>


                    <div class="col-lg-5 col-sm-5 d-none d-lg-block">
                        <div class="contact-info">
                            <div class="contact-info_icon">
                                <i class="ion-android-clipboard"></i>
                            </div>
                            <div class="contact-info_content" th:if="${course != null}">
                                <span th:text="${course.name}">数据结构</span>
                                <a href="/member/list" th:text="${course.teacherName}" style="cursor:pointer">老师：xxx</a>
                            </div>
                            <div class="contact-info_content" th:if="${course == null}">
                                <span>错误！！！</span>
                                <span>暂无此课程</span>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-2 col-sm-2 d-none d-lg-block">
                        <div class="hm-minicart_area">
                            <ul>
                                <!--消息-->
                                <li>
                                    <a href="cart.html">
                                        <div class="minicart-icon">
                                            <i class="icon ion-android-textsms"></i>
                                            <span class="item-count">2</span>
                                        </div>
                                        <div class="minicart-title">
                                            <span class="item_total"></span>
                                        </div>
                                    </a>
                                    <ul class="minicart-body">

                                        <li>
                                            <div class="price_content">
                                                <div class="cart-subtotals">
                                                    <div class="products subtotal-list">
                                                        <span class="label">【发布了公告】 测试公告2 </span>
                                                        <span class="value">2019/09/06</span>
                                                    </div>
                                                    <div class="shipping subtotal-list">
                                                        <span class="label">【发布了公告】 测试公告</span>
                                                        <span class="value">2019/09/06</span>
                                                    </div>
                                                </div>
                                                <div class="minicart-button">
                                                    <a class="umino-btn umino-btn_fullwidth" href="#">查看全部</a>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </li>
                                <!--个人中心-->
                                <li>
                                    <a href="javascrpt:;">
                                        <div class="minicart-icon wishlist-icon">
                                            <i class="icon ion-android-settings"></i>
                                        </div>
                                    </a>
                                    <div class="userinfo hide" style="display: none;">
                                        <ul>
                                            <li>
                                            <a class="link setting" href="/user/personal"><i class="icon ion-android-person"></i>  个人设置</a>
                                        </li>
                                            <li>
                                            <a class="link logout" href="/doLogout"><i class="ion-log-out"></i> 退出账户</a>
                                        </li>
                                        </ul>
                                    </div>

                                </li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="header-bottom_area bg--tangerine_yellow">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3">
                        <div class="category-menu category-menu-hidden">
                            <div class="category-heading">
                                <h2 class="categories-toggle"><span>菜单</span></h2>
                            </div>
                            <div id="cate-toggle" class="category-menu-list">
                                <ul>

                                    <li><a href="/course/list">课堂</a></li>
                                    <shiro:hasRole name = "teacher">
                                        <li><a href="">备课区</a></li>
                                    </shiro:hasRole>
                                    <li class="right-menu">
                                        <shiro:hasRole name="teacher">
                                            <a href="/course/list">教授的课程</a>
                                        </shiro:hasRole>
                                        <shiro:hasRole name="student">
                                            <a href="#">学习的课程</a>
                                        </shiro:hasRole>
                                        <ul class="cat-dropdown_menu">
                                            <li>
                                                <a th:href="@{'/course/index/'+${c.id}}"  th:each="c: ${courseList}" th:text="${c.name}" style="cursor:pointer">暂无课程</a>
                                            </li>
                                        </ul>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9 d-none d-lg-block position-../../../static">
                        <div class="main-menu_area">
                            <nav class="main_nav">
                                <ul>
                                        <li  class="active"><a href="index.html">首页</a></li>
                                    <li><a th:href="@{'/matter/Amatter/'+${course.id}}">互动</a></li>
                                    <li><a href="../homework.html">作业</a></li>
                                    <li><a href="../courseware.html">资料</a></li>
                                    <li><a href="../testpaper.html">测试</a></li>
                                    <shiro:hasRole name="teacher">
                                        <li><a href="/attendance/selectAll">考勤</a></li>
                                    </shiro:hasRole>
                                    <shiro:hasRole name="student">
                                        <li><a href="/attendance/selectCourseAndTea">考勤</a></li>
                                    </shiro:hasRole>
                                </ul>
                            </nav>
                        </div>
                    </div>

                </div>
            </div>
        </div>


    </header>
</div>
<div>
    <!--有内容-->


    <div style="background-color: #f5f5f5;">
        <div style="height:10px;"></div>
        <div class="coursetitlebox boxline">
            <div class="boxmid" style="background:white;height: 140px;">
                <div class="fl titleleft">
                    <h2 class="coursename linetextoverflow">课堂名称</h2>
                    <div class="courseteacher">
                        <img src="../../../static/images/3.png" class="teacherava" alt="头像">
                        <span class="teachername">老师名</span></div>
                    <div class="stucount">学生人数:<span class="stunum">20</span></div>
                </div>
                <div class="fr titleright">
                    <ul class="titledataul">
                        <li class="titledatali">
                            <div class="titledatanum">30<font>%</font></div>
                            <div class="titledataname">出勤率</div>
                        </li>
                        <li class="titledatali">
                            <div class="titledatanum">0</div>
                            <div class="titledataname">弹幕条数</div>
                        </li>
                    </ul>
                </div></div>
        </div>
        <div class="coursecountbox boxline">
            <div class="boxmid">
                <div class="fl numbox">
                    <div class="numboxname">课堂互动数</div>
                    <div class="numboxcount colorb">1</div>
                </div>
                <div class="fl numbox">
                    <div class="numboxname">作业次数</div>
                    <div class="numboxcount coloro">1</div>
                </div>
                <div class="fl numbox">
                    <div class="numboxname">测试次数</div>
                    <div class="numboxcount coloro">1</div>
                </div>
                <div class="fl boxright numbox">
                    <span class="numboxname">话题区活跃度</span><span class="numboxcount colorg">3</span>
                </div></div>
        </div>
        <div class="coursechartbox boxline">
            <div class="boxmid">
                <div class="fl chartleft">
                    <div id="chartleft" style="width: 100%; height: 100%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;" >
                        <div style="position: relative; overflow: hidden; width: 818px; height: 360px; padding: 0px; margin: 0px; border-width: 0px; cursor: ew-resize;">
                            <canvas data-zr-dom-id="zr_0" width="1227" height="540" style="position: absolute; left: 0px; top: 0px; width: 818px; height: 360px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;">

                            </canvas>
                        </div>
                        <div>

                        </div>
                    </div>
                </div>
                <div class="fl chartright">
                    <div class="rtchart">
                        <div class="numboxname">互动试题平均正确率</div>
                        <div id="rtchart" style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;">
                            <div style="position: relative; overflow: hidden; width: 348px; height: 100px; padding: 0px; margin: 0px; border-width: 0px;"><canvas data-zr-dom-id="zr_0" width="522" height="150" style="position: absolute; left: 0px; top: 0px; width: 348px; height: 100px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;">

                            </canvas>
                            </div>
                            <div>

                            </div>
                        </div>
                    </div>
                    <div class="rbchart">
                        <div class="numboxname">互动试题平均参与率</div>
                        <div id="rbchart" _echarts_instance_="ec_1576210526201" style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;">
                            <div style="position: relative; overflow: hidden; width: 348px; height: 100px; padding: 0px; margin: 0px; border-width: 0px;">
                                <canvas data-zr-dom-id="zr_0" width="522" height="150" style="position: absolute; left: 0px; top: 0px; width: 348px; height: 100px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;">

                                </canvas>
                            </div>
                            <div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="courselistsbox boxline">
            <div class="boxmid">
                <div class="listsbox listsanswer"><div class="answerhead">
                    <div class="fl">
                        <div class="numboxname">发布抢答数</div>
                        <div class="numboxcount">0</div>
                    </div>
                    <div class="fr">
                        <div class="numboxname">抢答平均参与率</div>
                        <div class="numboxcount">0%</div>
                    </div>
                </div>
                    <div class="listsultitle">抢答榜</div>
                    <ul class="listsul ansul">
                        <li class="nameli">
                            <img src="../../../static/images/3.png" alt="" class="liava fl">
                            <div class="liname fl">何文强</div>
                            <div class="licount fr"><font>100%</font></div>
                            <div class="licount fr"><font>50%</font></div>
                        </li>
<!--                        <p class="linodatatip">暂无数据</p>-->

                    </ul></div>
                <div class="listsbox listsperform"><div class="listsultitle">表现榜</div>
                    <div class="ultitleset">
                        <div class="ulname fl">姓名</div>
                        <div class="ulcount fr">累计星星数</div>
                    </div>
                    <ul class="listsul perul">

                        <li class="nameli">
                            <img src="../../../static/images/3.png" alt="" class="liava fl">
                            <div class="liname fl">苟志云</div>
                            <div class="licount fr"><font>100%</font></div>
                            <div class="licount fr"><font>50%</font></div>
                        </li>

                        <li class="nameli">
                        <img src="../../../static/images/3.png" alt="" class="liava fl">
                        <div class="liname fl">周布勇</div>
                        <div class="licount fr"><font>100%</font></div>
                        <div class="licount fr"><font>50%</font></div>
                    </li>

                    </ul></div>
                <div class="listsbox listsinteract"><div class="listsultitle">互动试题榜</div>
                    <div class="ultitleset">
                        <div class="ulname fl">姓名</div>
                        <div class="ulcount fr">参与率</div>
                        <div class="ulcount fr">正确率</div>
                    </div>
                    <ul class="listsul intul">



                        <li class="nameli">
                            <img src="../../../static/images/3.png" alt="" class="liava fl">
                            <div class="liname fl">王多复</div>
                            <div class="licount fr"><font>100%</font></div>
                            <div class="licount fr"><font>50%</font></div>
                        </li>



                        <li class="nameli">
                            <img src="../../../static/images/3.png" alt="" class="liava fl">
                            <div class="liname fl">阿道夫</div>
                            <div class="licount fr"><font>100%</font></div>
                            <div class="licount fr"><font>50%</font></div>
                        </li>



                        <li class="nameli">
                            <img src="../../../static/images/3.png" alt="" class="liava fl">
                            <div class="liname fl">牛墩墩</div>
                            <div class="licount fr"><font>100%</font></div>
                            <div class="licount fr"><font>0%</font></div>
                        </li>



                    </ul></div>
            </div>
        </div>
        <div class="homeworkbox boxline">
            <div class="boxmid" style="background:white;height: 200px;"><div class="colorhead homeworkhead fl">作业</div>
                <div class="fl numbox">
                    <div class="numboxname">累计发布次数</div>
                    <div class="numboxcount">1</div>
                </div>
                <div class="fl numbox">
                    <div class="numboxname">累计提交作业份数</div>
                    <div class="numboxcount">19</div>
                </div>
                <div class="fl numbox">
                    <div class="numboxname">上传文件格式</div>
                    <div class="numboxcount">4</div>
                </div>
                <div class="fr chartbox">
                    <div class="charttitle">作业提交率</div>
                    <div class="piechart" id="zuoyetijiao" style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;"><div style="position: relative; overflow: hidden; width: 220px; height: 150px; padding: 0px; margin: 0px; border-width: 0px;">
                        <canvas  width="330" height="225" style="position: absolute; left: 0px; top: 0px; width: 220px; height: 150px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div></div></div>
                </div>
                <div class="fr chartbox">
                    <div class="charttitle">准时提交率</div>
                    <div class="piechart" id="zhunshitijiao"  style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;"><div style="position: relative; overflow: hidden; width: 220px; height: 150px; padding: 0px; margin: 0px; border-width: 0px;">
                        <canvas width="330" height="225" style="position: absolute; left: 0px; top: 0px; width: 220px; height: 150px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div></div></div>
                </div></div>
        </div>
        <div class="topicbox boxline">
            <div class="boxmid" style="background:white;height: 200px;"><div class="colorhead topichead fl">话题</div>
                <div class="fl numbox">
                    <div class="numboxname">累计话题发布数</div>
                    <div class="numboxcount">0</div>
                </div>
                <div class="fl numbox">
                    <div class="numboxname">累计参与人次</div>
                    <div class="numboxcount">0</div>
                </div>
                <div class="fl numbox">
                    <div class="numboxname">累计点赞数</div>
                    <div class="numboxcount">0</div>
                </div>
                <div class="fr chartbox">
                    <div class="charttitle">话题精华率</div>
                    <div class="piechart" id="huatijinghua" style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;"><div style="position: relative; overflow: hidden; width: 220px; height: 150px; padding: 0px; margin: 0px; border-width: 0px;">
                        <canvas width="330" height="225" style="position: absolute; left: 0px; top: 0px; width: 220px; height: 150px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
                    </div><div></div></div>
                </div>
                <div class="fr chartbox">
                    <div class="charttitle">成员参与率</div>
                    <div class="piechart" id="chengyuancanyu"  style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;"><div style="position: relative; overflow: hidden; width: 220px; height: 150px; padding: 0px; margin: 0px; border-width: 0px;">
                        <canvas  width="330" height="225" style="position: absolute; left: 0px; top: 0px; width: 220px; height: 150px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;">

                        </canvas></div><div></div></div>
                </div></div>
        </div>
        <div style="height:200px;"></div>
    </div>

</div>
<!-- JS
============================================ -->

<script src="../../../static/js/vendor/jquery-1.12.4.min.js"></script>
<!-- Modernizer JS -->
<script src="../../../static/js/vendor/modernizr-2.8.3.min.js"></script>
<!-- Popper JS -->
<script src="../../../static/js/vendor/popper.min.js"></script>
<!-- Bootstrap JS -->
<script src="../../../static/js/vendor/bootstrap.min.js"></script>

<!-- Slick Slider JS -->
<script src="../../../static/js/plugins/slick.min.js"></script>
<!-- Countdown JS -->
<script src="../../../static/js/plugins/countdown.js"></script>
<!-- Barrating JS -->
<script src="../../../static/js/plugins/jquery.barrating.min.js"></script>
<!-- Counterup JS -->
<script src="../../../static/js/plugins/jquery.counterup.js"></script>
<!-- Nice Select JS -->
<script src="../../../static/js/plugins/jquery.nice-select.js"></script>
<!-- Sticky Sidebar JS -->
<script src="../../../static/js/plugins/jquery.sticky-sidebar.js"></script>
<!-- jQuery UI -->
<script src="../../../static/js/plugins/jquery-ui.min.js"></script>
<!-- jQuery UI Touch Punch -->
<script src="../../../static/js/plugins/jquery.ui.touch-punch.min.js"></script>
<!-- Venobox JS -->
<script src="../../../static/js/plugins/venobox.min.js"></script>
<!-- Scroll Top JS -->
<script src="../../../static/js/plugins/scroll-top.js"></script>
<!-- Theia Sticky Sidebar JS -->
<script src="../../../static/js/plugins/theia-sticky-sidebar.min.js"></script>
<!-- Waypoints JS -->
<script src="../../../static/js/plugins/waypoints.min.js"></script>
<!-- ElevateZoom JS -->
<script src="../../../static/js/plugins/jquery.elevateZoom-3.0.8.min.js"></script>
<!-- Images loaded JS -->
<script src="../../../static/js/plugins/imagesloaded.pkgd.min.js"></script>
<!-- Isotope JS -->
<script src="../../../static/js/plugins/isotope.pkgd.min.js"></script>
<!-- Ajax Mail JS -->
<script src="../../../static/js/ajax-mail.js"></script>

<!-- Vendor & Plugins JS (Please remove the comment from below vendor.min.js & plugins.min.js for better website load performance and remove js files from avobe) -->
<!--
<script src="../../../static/js/vendor/vendor.min.js"></script>
<script src="../../../static/js/plugins/plugins.min.js"></script>
-->

<!-- Main JS -->
<script src="../../../static/js/main.js"></script>

</body>
<!--模板-->
<script type="text/html" id="tpl-homeworkbox">
    <div class="colorhead homeworkhead fl">作业</div>
    <div class="fl numbox">
        <div class="numboxname">累计发布次数</div>
        <div class="numboxcount">{{homeworkCount}}</div>
    </div>
    <div class="fl numbox">
        <div class="numboxname">累计提交作业份数</div>
        <div class="numboxcount">{{handupCount}}</div>
    </div>
    <div class="fl numbox">
        <div class="numboxname">上传文件格式</div>
        <div class="numboxcount">{{extCount}}</div>
    </div>
    <div class="fr chartbox">
        <div class="charttitle">作业提交率</div>
        <div class="piechart" id="zuoyetijiao"></div>
    </div>
    <div class="fr chartbox">
        <div class="charttitle">准时提交率</div>
        <div class="piechart" id="zhunshitijiao"></div>
    </div>
</script>
<script type="text/html" id="tpl-topicbox">
    <div class="colorhead topichead fl">话题</div>
    <div class="fl numbox">
        <div class="numboxname">累计话题发布数</div>
        <div class="numboxcount">{{topicCount}}</div>
    </div>
    <div class="fl numbox">
        <div class="numboxname">累计参与人次</div>
        <div class="numboxcount">{{takeInCount}}</div>
    </div>
    <div class="fl numbox">
        <div class="numboxname">累计点赞数</div>
        <div class="numboxcount">{{upVoteCount}}</div>
    </div>
    <div class="fr chartbox">
        <div class="charttitle">话题精华率</div>
        <div class="piechart" id="huatijinghua"></div>
    </div>
    <div class="fr chartbox">
        <div class="charttitle">成员参与率</div>
        <div class="piechart" id="chengyuancanyu"></div>
    </div>
</script>



<!--课堂互动-->
<script>
/**
 * 课堂互动
 * {"status":1,"data":{"interactDates":[{"date":"2019-06-27","count":"3"}],"raceDates":[],"askDates":[]},"info":"success"}
 * **/


            var datas={"status":1,"data":{"interactDates":[{"date":"2019-06-27","count":"3"},{"date":"2019-06-26","count":"4"}],"raceDates":[{"date":"2019-06-27","count":"6"},{"date":"2019-06-26","count":"8.5"}],"askDates":[]},"info":"success"};

            var data = datas.data;
            var ask = [];
            var interact = [];
            var race = [];
            for (var i = 0; i < data.askDates.length; i++) {
                ask.push([data.askDates[i].date, data.askDates[i].count])
            }
            for (var i = 0; i < data.interactDates.length; i++) {
                interact.push([data.interactDates[i].date, data.interactDates[i].count])
            }
            for (var i = 0; i < data.raceDates.length; i++) {
                race.push([data.raceDates[i].date, data.raceDates[i].count])
            }
            var option = {
                title: {text: "课堂互动"},
                color: ["#f75c84", "#f79e5c", "#4397ed"],
                tooltip: {trigger: "axis"},
                legend: {data: ["抢答", "提问", "互动试题"]},
                grid: {containLabel: true},
                xAxis: {type: "time", boundaryGap: false},
                yAxis: {type: "value"},
                dataZoom: [{type: "slider", show: true, xAxisIndex: [0], start: 0, end: 100}, {
                    type: "inside",
                    xAxisIndex: [0],
                    start: 0,
                    end: 100
                }],
                series: [{name: "抢答", type: "line", stack: "总量", data: race}, {
                    name: "提问",
                    type: "line",
                    stack: "总量",
                    data: ask
                }, {name: "互动试题", type: "line", stack: "总量", data: interact}]
            };
            void 0;
            var chart1 = echarts.init(document.getElementById("chartleft"));
            chart1.setOption(option)

</script>
<!--互动试题平均正确率-->
<script>
    /**
     * 互动试题平均正确率
     *{"status":1,"data":{"rightRate":33.3,"takeInRate":15},"info":"success"}
     * **/
        function createPieOptionBlue(oname, odata) {
        var option = {
            tooltip: {trigger: "item", formatter: "{a} <br/>{d}%"},
            color: ["#328eeb", "#e6e6e6"],
            series: [{
                name: oname,
                type: "pie",
                radius: ["60%", "80%"],
                avoidLabelOverlap: false,
                clickable: false,
                label: {
                    normal: {
                        show: true,
                        position: "center",
                        textStyle: {color: "#666", fontSize: "18", fontWeight: "bold"}
                    }
                },
                labelLine: {normal: {show: false}},
                data: odata,
                clockWise: false
            }]
        };
        return option
    };
    function createPieOptionPink(oname, odata) {
        var option = {
            tooltip: {trigger: "item", formatter: "{a} <br/>{d}%"},
            color: ["#f72e70", "#e6e6e6"],
            series: [{
                name: oname,
                type: "pie",
                radius: ["60%", "80%"],
                avoidLabelOverlap: false,
                clickable: false,
                label: {
                    normal: {
                        show: true,
                        position: "center",
                        textStyle: {color: "#666", fontSize: "18", fontWeight: "bold"}
                    }
                },
                labelLine: {normal: {show: false}},
                data: odata,
                clockWise: false
            }]
        };
        return option
    };
            var datas={"status":1,"data":{"rightRate":33.3,"takeInRate":15},"info":"success"};
            var avgright = [{
                value: parseFloat(datas.data.rightRate),
                name: datas.data.rightRate + "%"
            }, {value: 100 - parseFloat(datas.data.rightRate), name: ""}];
            var joinin = [{
                value: parseFloat(datas.data.takeInRate),
                name: datas.data.takeInRate + "%"
            }, {value: 100 - parseFloat(datas.data.takeInRate), name: ""}];
            var optionavg = createPieOptionBlue("平均正确率", avgright);
            var optionjoin = createPieOptionPink("平均参与率", joinin);
            var chartavg = echarts.init(document.getElementById("rtchart"));
            chartavg.setOption(optionavg);
            var chartjoin = echarts.init(document.getElementById("rbchart"));
            chartjoin.setOption(optionjoin)


</script>
<!--准时提交率-->
<script>
/**
 * {"status":1,"data":{"homeworkCount":1,"handupCount":"19","extCount":4,"handupRate":95,"onTimeRate":95},"info":"success"}
 * **/
            var data={"status":1,"data":{"homeworkCount":1,"handupCount":"19","extCount":4,"handupRate":95,"onTimeRate":95},"info":"success"};
            var ht = template("tpl-homeworkbox", data.data);
            $(".homeworkbox .boxmid").html(ht);
            var zuoyetijiao = echarts.init(document.getElementById("zuoyetijiao"));
            var zhunshitijiao = echarts.init(document.getElementById("zhunshitijiao"));
            var zuoye = [{
                value: parseFloat(data.data.handupRate),
                name: data.data.handupRate + "%"
            }, {value: 100 - parseFloat(data.data.handupRate), name: ""}];
            var zhunshi = [{
                value: parseFloat(data.data.onTimeRate),
                name: data.data.onTimeRate + "%"
            }, {value: 100 - parseFloat(data.data.onTimeRate), name: ""}];
            var option1 = createPieOptionBlue("作业提交率", zuoye);
            var option2 = createPieOptionPink("准时提交率", zhunshi);
            zuoyetijiao.setOption(option1);
            zhunshitijiao.setOption(option2)

</script>
<!--成员参与率-->
<script>
/**
 *{"status":1,"data":{"topicCount":1,"takeInCount":"0","upVoteCount":"0","takeInRate":0,"essenceRate":100},"info":"success"}
 * **/
            var data ={"status":1,"data":{"topicCount":1,"takeInCount":"0","upVoteCount":"0","takeInRate":30,"essenceRate":100},"info":"success"};
            var ht = template("tpl-topicbox", data.data);
            $(".topicbox .boxmid").html(ht);
            var chengyuancanyu = echarts.init(document.getElementById("chengyuancanyu"));
            var huatijinghua = echarts.init(document.getElementById("huatijinghua"));
            var canyu = [{
                value: parseFloat(data.data.takeInRate),
                name: data.data.takeInRate + "%"
            }, {value: 100 - parseFloat(data.data.takeInRate), name: ""}];
            var jinghua = [{
                value: parseFloat(data.data.essenceRate),
                name: data.data.essenceRate + "%"
            }, {value: 100 - parseFloat(data.data.essenceRate), name: ""}];
            var option1 = createPieOptionBlue("成员参与率", canyu);
            var option2 = createPieOptionPink("话题精华率", jinghua);
            chengyuancanyu.setOption(option1);
            huatijinghua.setOption(option2);
            // plugin.closeLoading()


</script>

<script>
    $('.ion-android-settings').click(function () {
            if($('.userinfo').css("display")=="block"){
                $('.userinfo').css("display","none");
            }
            else{
                $('.userinfo').css("display","block");
            }
            //$('.userinfo').removeAttr('style');
            //$('.userinfo').attr('test','display: none;');

    });
</script>
</html>